<template>
  <view class='card' @tap.stop="$emit('tap', $event)">
    <image src='/static/images/home/_unitPersonnelManaage/background.png' class='cardBg'/>
    <view class='card_body' >
      <view class='card_body_title' @tap.stop="$emit('tap', $event)">
          <image :src='logoImg' class='card_body_title_logo'/>
          {{title}}
					<image src='/static/images/home/_unitPersonnelManaage/delete.png' class='delete' @tap.stop="$emit('delete', $event)"/>
      </view>
      <view class='card_body_list' @tap.stop="$emit('tap', $event)">
        <view class='card_body_list_item' v-if='mobilePhone !== undefined'>手机：{{mobilePhone}}</view>
      </view>
    </view>
  </view>
</template>
<script>
/**
 * 作者：jzx
 * 描述：底部是花边的卡片
 */
export default {
  props: {
    logoImg: {
			type: String,
			default: ''
		}, // 卡片LOGO
    title: {
			type: String,
			default: ''
		}, // 卡片title
    contactName: {
			type: String,
			default: ''
		},
    mobilePhone: {
			type: String,
			default: ''
		},
    customerAddress: {
			type: String,
			default: ''
		}
  }
}
</script>
<style>
  .card {
    width: 710rpx;
    min-height: 88rpx;
    overflow: auto;
    position: relative;
    margin: 20rpx auto;
  }
  .cardBg {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .card_body {
    position: relative;
    font-size: 28rpx;
    width: 100%;
  }
  .card_body_title {
    color: #000000;
    box-sizing: border-box;
    padding: 30rpx;
    border-bottom: 1px solid #DDDDDD;
		position: relative;
  }
	.card_body_title .delete {
		width: 30upx;
		height: 30upx;
		position: absolute;
		right: 20upx;
		top: 50%;
		transform: translate(0%, -50%);
	}
  .card_body_title_logo {
    width: 30rpx;
    height: 26rpx;
  }
  .card_body_list_empty {
    margin: 30rpx;
    text-align: center;
    color: #DDDDDD;
  }
  .card_body_list_item {
    color: #666666;
    margin: 30rpx;
  }
  .unitCheckStatus {
    float: right;
    border: 1rpx solid #FFB81F;
    color: #FFB81F;
    border-radius: 7rpx;
    padding: 0rpx 5rpx;
    box-sizing: border-box;
  }
  .card_action {
    height: 128rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1rpx solid #DDDDDD;
  }
  .entryButton {
    border: 1rpx solid #E61E10;
    padding: 15rpx 100rpx;
    border-radius: 9999rpx;
    color: #E61E10;
    font-size: 28rpx;
    display: flex;
    align-items: center
  }
  .entryButton image {
    width: 30rpx;
    height: 30rpx;
    margin-right: 10rpx;
  }
</style>